草庐IT

CSS div 左右浮动 nowrap

全部标签

html - 使用 CSS { 空白 : nowrap } with Outlook

我目前有一份包含大量宽列的报告,我直接通过SQL通过电子邮件发送这些报告。我正在为其动态生成HTML,但遇到了列宽问题。我插入了以下CSS:#tableMainTH{text-align:center;white-space:pre;border:1pxsolidblack;padding:0;border-spacing:0;border-collapse:collapse;background-color:#f0f0f0;font:11ptboldarialsans-serif;}现在虽然生成的html在IE中呈现良好,但它坚持将单元格内容包装到Outlook中的两行。在Inter

html - 如何在表格行和表格边缘之间设置左右间距?

这是期望的效果:这就是我想出的:http://jsfiddle.net/nunoarruda/3j6782js///table.sw-table{border-collapse:separate;thead{background-color:$orange;color:$white;font-size:15px;th{border:none!important;font-weight:600;padding-top:5px!important;padding-bottom:5px!important;margin:30px27px!important;&:first-child{bor

html - 如何使具有 nowrap 的父级继承内联 block 的宽度

我无法让父级继承其子级的宽度。jsfiddle在这里http://jsfiddle.net/4mk3S/现在我只有一个外部divwhite-space:nowrap;和带有的子divdisplay:inline-block;我希望外部div继承它的整个子组的宽度。非常感谢任何帮助,谢谢!代码:.outer{white-space:nowrap;padding:10px;background:green;}.inner{display:inline-block;width:1000px;height:100px;background:red;} 最佳答案

html - 左浮动在 Internet Explorer 8 中不起作用

在我的站点FamilyLawAct我正在尝试将两排水平的图片/配置文件堆叠在一起。顶行是一个城市,底行是另一个城市。顶行正确float,但如您所见,底行没有float。相反,图片是垂直堆叠在一起的。它在Chrome和Firefox中工作正常,但在InternetExplorer8中存在这个问题。有什么想法吗?CSS#Vancouver{float:left;display:block;}.vancouver{float:left;padding-right:10px;}#New_York{clear:both;float:left;display:block;margin-top:20

CSS:向右浮动 div 会导致容器 div 在 IE 中拉伸(stretch)整个屏幕宽度

我看到一个类似的问题here,并没有看到答案。我遇到一个问题,其中一个元素在父div内向右浮动,这导致div在IE7中拉伸(stretch)页面的整个宽度。这不会发生在任何其他浏览器(Firefox和Chrome)中。我在问题后也贴了图片,以供引用。我使用的HTML如下:Testing我为这些标签使用的CSS也在下方。我注意到上面提到的其他人的问题和我的问题之间一致的一件事是,两个父div都应用了定位(上面的人有绝对,我已经修复)。#journal{z-index:1;}.journalIE{right:1px;bottom:18px;position:fixed;}#journal.

css - 居中一个 <div> 并向右浮动另一个

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Centeringonedivwhileanotherdivisfloatedtotheright?我正在尝试将container1居中并将container2float到其右侧,以便它稍微离开页面:示例:http://i.imgur.com/JHkfn.jpg不幸的是,container2在container1的下方和右侧跳动,正如您在网站模型中看到的那样(链接在下方。)网站模型:http://ad313.samrandolphdesign.com/CSS:#container1{margin:auto;b

html - 与空白 :nowrap

我承认,当我不想让单词间断时(例如表格标题),我有在单词之间使用 的习惯。我真的应该使用white-space:nowrap来设置我的元素样式吗?如果我唯一想做的就是避免换行,这两者有什么优点/缺点吗? 最佳答案 有些情况下不间断空格无济于事:该词包含一个连字符(例如web-developer);hyphens:auto用于容器元素自动断字。在这些情况下,white-space:nowrap很有用。此外,无论样式是否应用于文档,不间断空格都有效,而CSS规则仅在启用样式时有效。 关于ht

html - 使用左右 CSS 属性绝对定位 INPUT 时的奇怪行为

我正在研究绝对定位的CSS格式.我希望它在其容器内“拉伸(stretch)”(也定位为“绝对”),以便它在左右两侧留下例如30px,并填充其中的所有空间......我已经找到一个sampleonw3.orgsite,它同时使用left和right在CSS中创建一种“框架集”。我还读了anarticlefromA-List-Apart谈论这种技术并发现其他几个问题在这里处理类似的麻烦,但这些都没有关注我要描述的具体问题。我还发现我可以包裹内部用,但我想深入了解这个主题,以了解其行为不当的原因......这里是aworkingsample我做了测试和澄清这个想法。简而言之,就是这么简单:像

html - 向左浮动 div 到下一行

我有类似下面的内容:Test问题是我需要让这个div重复多次。如果它重复多次,它不会强制您向右滚动以查看其余部分(就像我希望的那样),而是会向下滚动到下一行。问题示例:http://jsfiddle.net/ruh7z/1/任何帮助都会很好,谢谢 最佳答案 这种行为正是float应该做的。如果您将table-cell用于您的display样式,这可能会给您更多您所期望的。请注意,如果您使用table-cell,则必须使用填充而不是边距。.containerdiv{display:table-cell;padding-left:5px

html - 向左浮动和父高度

这可能以前已经回答过,但我花了一些时间寻找但找不到确切的答案。我有一个包含两个divB和C的父divA。B和C都向左浮动。C没有设置高度(随着其中的文本量增长)。问题:父A不会增长到C的大小。我知道这与float元素有关,该元素不属于正常文档流的一部分,但我不知道如何解决它(在A上设置高度没有帮助,因为它取决于C的高度)。 最佳答案 将属性overflow:hidden添加到divA 关于html-向左浮动和父高度,我们在StackOverflow上找到一个类似的问题: